//从jquery中获得$
import $ from 'jquery'

//为了防止使用link导入css产生的二次请求，在这里导入
import './css/index.css'

import './css/index.less'

//安装boostrap最好指定版本 npm install bootstrap@4 -d
import 'bootstrap/dist/css/bootstrap.min.css'

//导入vue实例
import Vue from "vue"

//导入自定义组件
import logincom from "./login.vue"

//引入js
import test,{title as tit} from  './test_export.js'

//测试export default
/*console.log("export-default返回的数据：" + test.data().msg)
test.func();*/
console.log(test.msg)

console.log(tit)

var vue = new Vue({
    el:"#app",
    data:{
        msg:"hello webpack vue"
    },
    //定义为私有组件
    components:{
        logincom
    },
    //通过render方式会把 vue实例中app给覆盖
   /* render:function(createElement){//createElement是一个函数
        return createElement(logincom);
    }*/
   //上述方式的简写，使用箭头函数
   render:c=>c(logincom)
})

$(function () {
    $('li:odd').css('backgroundColor', 'blue')
    $('li:even').css('backgroundColor', function () {
        return '#' + 'D97634'
    })
})


//1、获取dom对象
var v1 = document.querySelector('#v1');
var v2 = document.querySelector('#v2');
var bt = document.querySelector('#bt');
var res = document.querySelector('#res');

//2、获取calc.js中的add方法并且调用计算结果
bt.onclick = function () {
    //获取输入数值并将其转换成浮点型数据
    var val1 = parseFloat(v1.value);
    var val2 = parseFloat(v2.value);
     console.log("1111");
    //引入calc.js模块
    var add  = require('./calc');
    //调用其中的add方法，实现计算功能
    res.value = add(val1,val2);
};

//测试babel，转换es6语法
class Person {

    static info = { name: 'zs', age: 20 }
}

console.log(Person.info)